{% load suit_tags %}
<!DOCTYPE html>
<html lang="en">
	<head>
		<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}base/css/styles.css" media="all">
		<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}base/css/bootstrap.min.css" media="all">
		<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}suit/css/suit.css" media="all">
	</head>
	<body>
		
		<div class="container-full">
			<div class="row">
				<div class="col-lg-12 text-center v-center">
					<h1>Searching For App Info</h1>
					<p class="lead">search by app code</p>
					<br>
					<form method="post" action="" class="col-lg-12">
						{% csrf_token %}
						<div class="input-group" style="width:340px;text-align:center;margin:0 auto;">
							<input class="form-control input-lg" type="text" name="app_code" id="id_prj_code" value="{{ default }}" placeholder="e.g. BHUG118G" />
							<span class="input-group-btn"><button class="btn btn-lg btn-primary" type="submit">GO</button></span>
						</div>
					</form>
					<br /><br /><br />
				</div>
			</div>
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div id="result">
						{% if result %}
							{% if entry %}
								{% include "search_result.html" %}
							{% else %}
								<h1 class='text-center'>Not Found<h1>
							{% endif %}
						{% endif %}
					</div>
				</div>
			</div>
		</div>

		<div id="footer" class="footer">
			<div class="content">
				<div class="tools">
					<a href="http://www.mokitech.com/" target="_blank"><img src="{{ STATIC_URL }}base/img/logo.png" width="63px" height="21px"/></a>
				</div>
			
				<div class="copyright">
					Copyright &copy; 2014 - 2015, Moki Tech Ltd.
					<br>Powerd by <a href="https://www.djangoproject.com/" target="_blank">Django</a>
				</div>
			
				<div class="branding">
					<a href="{% url 'index' %}">PTS ({{ 'SITE_VERSION'|suit_conf }})</a>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="{{STATIC_URL}}base/js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="{{ STATIC_URL }}base/js/jquery-scrolltofixed-min.js"></script>
		<script type="text/javascript">
			$("#footer").scrollToFixed({ bottom: 0, limit: $('.footer').offset().top });
			$("#pub_key").css('word-break', 'break-word').css('width', '600px');
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
				
			});
		</script>
		<!-- 
		<script type="text/javascript" src="{{STATIC_URL}}base/js/secure.js"></script>
		<script type="text/javascript">
			function search(){
				$.ajax({
			        url:        "{% url 'search' %}",
			        data:       {'c': $("#id_prj_code").val()},
			        type:       "post",
			        dataType:   "json",
			        success:    function( res ){
			            if(res.status == 1){
			            	$("#result").html(res.html);
			            }else{
			            	$("#result").html("<h1 class='text-center'>Not Found<h1>");
			            }
			        },
			        error:      function(e){
			            alert(e);
			        },
			    });
			}
		</script> -->
	</body>
</html>
